<template>
  <div class="map">
    <div class="top">
      <div class="title">
        <div style="margin-left: 50px;">年度游客量对比</div>
      </div>
    </div>
    <div class="echart" ref="map"></div>
  </div>
</template>

<script setup lang="ts">
import { onMounted, ref } from 'vue';
import * as echarts from 'echarts';
import mapJson from './map.json'
const map = ref()
// 注册地图组件
echarts.registerMap('china', mapJson as any)
onMounted(() => {
  const myChart = echarts.init(map.value)
  let option = {
    // 中国地图
    geo: {
      map: 'china',
      roam: true, // 鼠标缩放
      left: 120,
      top: 20,
      right: 120,
      bottom: -50,
      label: {
        show: true,
        color: '#fff',
        emphasis: {
          textStyle: {
            color: ' #29fcff',
          },
        },
      },
      itemStyle: {
        areaColor: {
          type: "linear",
          x: 1200,
          y: 0,
          x2: 0,
          y2: 0,
          colorStops: [{
            offset: 0,
            color: "rgba(3,27,78,0.75)", // 0% 处的颜色
          }, {
            offset: 1,
            color: "rgba(58,149,253,0.75)", // 50% 处的颜色
          },],
          global: true, // 缺省为 false
        },
        borderColor: "#c0f3fb",
        borderWidth: 1,
        shadowColor: 'rgba(63, 218, 255,0.6)',
        shadowBlur: 35,
        emphasis: {
          areaColor: '#2B91B7',
        },
      },

    },
    series: [
      {
        type: 'lines',
        label: {
          show: true, // 显示省份名称标签
          color: "#fff", // 省份名称标签颜色
          fontSize: 12, // 省份名称标签字体大小
          fontWeight: "bold", // 省份名称标签字体粗细
        },
        effect:{
            show:true,
            symbol:'path://M681.121304 936.325172c-4.02978 6.971785-11.208273 10.824533-18.723434 10.824533-3.565199 0-7.259334-0.87902-10.616802-2.814092l-150.426011-85.941348c-6.683213-3.805676-10.79281-10.952446-10.79281-18.658965L490.562247 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 728.881562 139.553383 79.801511C683.423743 912.948765 686.989965 926.060387 681.121304 936.325172L681.121304 936.325172zM522.669502 858.394265l-150.426011 85.941348c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.515161 0-14.693654-3.853771-18.723434-10.824533-5.867638-10.264784-2.302439-23.376407 8.026814-29.275767l139.633201-79.801511L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 847.441818 529.352715 854.588589 522.669502 858.394265L522.669502 858.394265zM522.669502 428.605661l-451.278033 257.873162c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.467065 0-14.693654-3.869121-18.723434-10.840906-5.867638-10.264784-2.302439-23.391756 8.026814-29.275767l451.278033-257.873162c10.281157-5.932106 23.408129-2.350534 29.29214 7.962346C536.563954 409.578306 532.949636 422.721651 522.669502 428.605661L522.669502 428.605661zM512.004605 861.208357c-11.864212 0-21.441335-9.593496-21.441335-21.473057L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 851.614861 523.884167 861.208357 512.004605 861.208357L512.004605 861.208357zM981.973326 678.45201c-3.948939 6.971785-11.208273 10.840906-18.723434 10.840906-3.565199 0-7.259334-0.87902-10.616802-2.814092l-310.684972-177.543625c-10.31288-5.900384-13.926174-19.027355-8.058536-29.340235 5.932106-10.31288 19.027355-13.910824 29.340235-7.962346l310.717717 177.543625C984.275765 655.060253 987.841987 668.187225 981.973326 678.45201L981.973326 678.45201z',
            color:'#fff',
            symbolSize:20,
            trailLength:0.5
          },
        symbol:'circle',
        data: [{
          coords: [
            [116.405285, 39.904989],  // 起点
            [125.3245, 43.886841], // 终点
          ],
          label: {
            show: true,
            position:'end'
          },
          // 统一的样式设置
          lineStyle: {
            color: '#FF3EFF',
            width: 2,
            shadowColor: 'rgba(152 ,245 ,255, 0.5)',
            shadowBlur: 10,
            curveness: 0.3
          },
        }]
      },
      {
        type: 'lines',
        label: {
          show: true, // 显示省份名称标签
          color: "#fff", // 省份名称标签颜色
          fontSize: 12, // 省份名称标签字体大小
          fontWeight: "bold", // 省份名称标签字体粗细
        },
        effect:{
            show:true,
            symbol:'path://M681.121304 936.325172c-4.02978 6.971785-11.208273 10.824533-18.723434 10.824533-3.565199 0-7.259334-0.87902-10.616802-2.814092l-150.426011-85.941348c-6.683213-3.805676-10.79281-10.952446-10.79281-18.658965L490.562247 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 728.881562 139.553383 79.801511C683.423743 912.948765 686.989965 926.060387 681.121304 936.325172L681.121304 936.325172zM522.669502 858.394265l-150.426011 85.941348c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.515161 0-14.693654-3.853771-18.723434-10.824533-5.867638-10.264784-2.302439-23.376407 8.026814-29.275767l139.633201-79.801511L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 847.441818 529.352715 854.588589 522.669502 858.394265L522.669502 858.394265zM522.669502 428.605661l-451.278033 257.873162c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.467065 0-14.693654-3.869121-18.723434-10.840906-5.867638-10.264784-2.302439-23.391756 8.026814-29.275767l451.278033-257.873162c10.281157-5.932106 23.408129-2.350534 29.29214 7.962346C536.563954 409.578306 532.949636 422.721651 522.669502 428.605661L522.669502 428.605661zM512.004605 861.208357c-11.864212 0-21.441335-9.593496-21.441335-21.473057L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 851.614861 523.884167 861.208357 512.004605 861.208357L512.004605 861.208357zM981.973326 678.45201c-3.948939 6.971785-11.208273 10.840906-18.723434 10.840906-3.565199 0-7.259334-0.87902-10.616802-2.814092l-310.684972-177.543625c-10.31288-5.900384-13.926174-19.027355-8.058536-29.340235 5.932106-10.31288 19.027355-13.910824 29.340235-7.962346l310.717717 177.543625C984.275765 655.060253 987.841987 668.187225 981.973326 678.45201L981.973326 678.45201z',
            color:'#fff',
            symbolSize:20,
            trailLength:0.5
          },
        symbol:'circle',
        data: [{
          coords: [
            [116.405285, 39.904989],  // 起点
            [121.472644,31.231706], // 终点
          ],
          label: {
            show: true,
            position:'end'
          },
          // 统一的样式设置
          lineStyle: {
            color: '#0000FF',
            width: 2,
            shadowColor: 'rgba(152 ,245 ,255, 0.5)',
            shadowBlur: 10,
            curveness: 0.3
          },
        }]
      },
      {
        type: 'lines',
        label: {
          show: true, // 显示省份名称标签
          color: "#fff", // 省份名称标签颜色
          fontSize: 12, // 省份名称标签字体大小
          fontWeight: "bold", // 省份名称标签字体粗细
        },
        effect:{
            show:true,
            symbol:'path://M681.121304 936.325172c-4.02978 6.971785-11.208273 10.824533-18.723434 10.824533-3.565199 0-7.259334-0.87902-10.616802-2.814092l-150.426011-85.941348c-6.683213-3.805676-10.79281-10.952446-10.79281-18.658965L490.562247 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 728.881562 139.553383 79.801511C683.423743 912.948765 686.989965 926.060387 681.121304 936.325172L681.121304 936.325172zM522.669502 858.394265l-150.426011 85.941348c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.515161 0-14.693654-3.853771-18.723434-10.824533-5.867638-10.264784-2.302439-23.376407 8.026814-29.275767l139.633201-79.801511L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 847.441818 529.352715 854.588589 522.669502 858.394265L522.669502 858.394265zM522.669502 428.605661l-451.278033 257.873162c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.467065 0-14.693654-3.869121-18.723434-10.840906-5.867638-10.264784-2.302439-23.391756 8.026814-29.275767l451.278033-257.873162c10.281157-5.932106 23.408129-2.350534 29.29214 7.962346C536.563954 409.578306 532.949636 422.721651 522.669502 428.605661L522.669502 428.605661zM512.004605 861.208357c-11.864212 0-21.441335-9.593496-21.441335-21.473057L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 851.614861 523.884167 861.208357 512.004605 861.208357L512.004605 861.208357zM981.973326 678.45201c-3.948939 6.971785-11.208273 10.840906-18.723434 10.840906-3.565199 0-7.259334-0.87902-10.616802-2.814092l-310.684972-177.543625c-10.31288-5.900384-13.926174-19.027355-8.058536-29.340235 5.932106-10.31288 19.027355-13.910824 29.340235-7.962346l310.717717 177.543625C984.275765 655.060253 987.841987 668.187225 981.973326 678.45201L981.973326 678.45201z',
            color:'#fff',
            symbolSize:20,
            trailLength:0.5
          },
        symbol:'circle',
        data: [{
          coords: [
            [116.405285, 39.904989],  // 起点
            [117.283042,31.86119], // 终点
          ],
          label: {
            show: true,
            position:'end'
          },
          // 统一的样式设置
          lineStyle: {
            color: '#0000FF',
            width: 2,
            shadowColor: 'rgba(152 ,245 ,255, 0.5)',
            shadowBlur: 10,
            curveness: 0.3
          },
        }]
      },
      {
        type: 'lines',
        label: {
          show: true, // 显示省份名称标签
          color: "#fff", // 省份名称标签颜色
          fontSize: 12, // 省份名称标签字体大小
          fontWeight: "bold", // 省份名称标签字体粗细
        },
        effect:{
            show:true,
            symbol:'path://M681.121304 936.325172c-4.02978 6.971785-11.208273 10.824533-18.723434 10.824533-3.565199 0-7.259334-0.87902-10.616802-2.814092l-150.426011-85.941348c-6.683213-3.805676-10.79281-10.952446-10.79281-18.658965L490.562247 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 728.881562 139.553383 79.801511C683.423743 912.948765 686.989965 926.060387 681.121304 936.325172L681.121304 936.325172zM522.669502 858.394265l-150.426011 85.941348c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.515161 0-14.693654-3.853771-18.723434-10.824533-5.867638-10.264784-2.302439-23.376407 8.026814-29.275767l139.633201-79.801511L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 847.441818 529.352715 854.588589 522.669502 858.394265L522.669502 858.394265zM522.669502 428.605661l-451.278033 257.873162c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.467065 0-14.693654-3.869121-18.723434-10.840906-5.867638-10.264784-2.302439-23.391756 8.026814-29.275767l451.278033-257.873162c10.281157-5.932106 23.408129-2.350534 29.29214 7.962346C536.563954 409.578306 532.949636 422.721651 522.669502 428.605661L522.669502 428.605661zM512.004605 861.208357c-11.864212 0-21.441335-9.593496-21.441335-21.473057L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 851.614861 523.884167 861.208357 512.004605 861.208357L512.004605 861.208357zM981.973326 678.45201c-3.948939 6.971785-11.208273 10.840906-18.723434 10.840906-3.565199 0-7.259334-0.87902-10.616802-2.814092l-310.684972-177.543625c-10.31288-5.900384-13.926174-19.027355-8.058536-29.340235 5.932106-10.31288 19.027355-13.910824 29.340235-7.962346l310.717717 177.543625C984.275765 655.060253 987.841987 668.187225 981.973326 678.45201L981.973326 678.45201z',
            color:'#fff',
            symbolSize:20,
            trailLength:0.5
          },
        symbol:'circle',
        data: [{
          coords: [
            [116.405285, 39.904989],  // 起点
            [119.306239,26.075302], // 终点
          ],
          label: {
            show: true,
            position:'end'
          },
          // 统一的样式设置
          lineStyle: {
            color: '#FF3EFF',
            width: 2,
            shadowColor: 'rgba(152 ,245 ,255, 0.5)',
            shadowBlur: 10,
            curveness: 0.3
          },
        }]
      },
      {
        type: 'lines',
        label: {
          show: true, // 显示省份名称标签
          color: "#fff", // 省份名称标签颜色
          fontSize: 12, // 省份名称标签字体大小
          fontWeight: "bold", // 省份名称标签字体粗细
        },
        effect:{
            show:true,
            symbol:'path://M681.121304 936.325172c-4.02978 6.971785-11.208273 10.824533-18.723434 10.824533-3.565199 0-7.259334-0.87902-10.616802-2.814092l-150.426011-85.941348c-6.683213-3.805676-10.79281-10.952446-10.79281-18.658965L490.562247 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 728.881562 139.553383 79.801511C683.423743 912.948765 686.989965 926.060387 681.121304 936.325172L681.121304 936.325172zM522.669502 858.394265l-150.426011 85.941348c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.515161 0-14.693654-3.853771-18.723434-10.824533-5.867638-10.264784-2.302439-23.376407 8.026814-29.275767l139.633201-79.801511L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 847.441818 529.352715 854.588589 522.669502 858.394265L522.669502 858.394265zM522.669502 428.605661l-451.278033 257.873162c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.467065 0-14.693654-3.869121-18.723434-10.840906-5.867638-10.264784-2.302439-23.391756 8.026814-29.275767l451.278033-257.873162c10.281157-5.932106 23.408129-2.350534 29.29214 7.962346C536.563954 409.578306 532.949636 422.721651 522.669502 428.605661L522.669502 428.605661zM512.004605 861.208357c-11.864212 0-21.441335-9.593496-21.441335-21.473057L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 851.614861 523.884167 861.208357 512.004605 861.208357L512.004605 861.208357zM981.973326 678.45201c-3.948939 6.971785-11.208273 10.840906-18.723434 10.840906-3.565199 0-7.259334-0.87902-10.616802-2.814092l-310.684972-177.543625c-10.31288-5.900384-13.926174-19.027355-8.058536-29.340235 5.932106-10.31288 19.027355-13.910824 29.340235-7.962346l310.717717 177.543625C984.275765 655.060253 987.841987 668.187225 981.973326 678.45201L981.973326 678.45201z',
            color:'#fff',
            symbolSize:20,
            trailLength:0.5
          },
        symbol:'circle',
        data: [{
          coords: [
            [116.405285, 39.904989],  // 起点
            [ 112.982279,28.19409], // 终点
          ],
          label: {
            show: true,
            position:'end'
          },
          // 统一的样式设置
          lineStyle: {
            color: '#0000FF',
            width: 2,
            shadowColor: 'rgba(152 ,245 ,255, 0.5)',
            shadowBlur: 10,
            curveness: 0.3
          },
        }]
      },
      {
        type: 'lines',
        label: {
          show: true, // 显示省份名称标签
          color: "#fff", // 省份名称标签颜色
          fontSize: 12, // 省份名称标签字体大小
          fontWeight: "bold", // 省份名称标签字体粗细
        },
        effect:{
            show:true,
            symbol:'path://M681.121304 936.325172c-4.02978 6.971785-11.208273 10.824533-18.723434 10.824533-3.565199 0-7.259334-0.87902-10.616802-2.814092l-150.426011-85.941348c-6.683213-3.805676-10.79281-10.952446-10.79281-18.658965L490.562247 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 728.881562 139.553383 79.801511C683.423743 912.948765 686.989965 926.060387 681.121304 936.325172L681.121304 936.325172zM522.669502 858.394265l-150.426011 85.941348c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.515161 0-14.693654-3.853771-18.723434-10.824533-5.867638-10.264784-2.302439-23.376407 8.026814-29.275767l139.633201-79.801511L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 847.441818 529.352715 854.588589 522.669502 858.394265L522.669502 858.394265zM522.669502 428.605661l-451.278033 257.873162c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.467065 0-14.693654-3.869121-18.723434-10.840906-5.867638-10.264784-2.302439-23.391756 8.026814-29.275767l451.278033-257.873162c10.281157-5.932106 23.408129-2.350534 29.29214 7.962346C536.563954 409.578306 532.949636 422.721651 522.669502 428.605661L522.669502 428.605661zM512.004605 861.208357c-11.864212 0-21.441335-9.593496-21.441335-21.473057L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 851.614861 523.884167 861.208357 512.004605 861.208357L512.004605 861.208357zM981.973326 678.45201c-3.948939 6.971785-11.208273 10.840906-18.723434 10.840906-3.565199 0-7.259334-0.87902-10.616802-2.814092l-310.684972-177.543625c-10.31288-5.900384-13.926174-19.027355-8.058536-29.340235 5.932106-10.31288 19.027355-13.910824 29.340235-7.962346l310.717717 177.543625C984.275765 655.060253 987.841987 668.187225 981.973326 678.45201L981.973326 678.45201z',
            color:'#fff',
            symbolSize:20,
            trailLength:0.5
          },
        symbol:'circle',
        data: [{
          coords: [
            [116.405285, 39.904989],  // 起点
            [ 110.33119,20.031971], // 终点
          ],
          label: {
            show: true,
            position:'end'
          },
          // 统一的样式设置
          lineStyle: {
            color: '#0000FF',
            width: 2,
            shadowColor: 'rgba(152 ,245 ,255, 0.5)',
            shadowBlur: 10,
            curveness: 0.3
          },
        }]
      },
      {
        type: 'lines',
        label: {
          show: true, // 显示省份名称标签
          color: "#fff", // 省份名称标签颜色
          fontSize: 12, // 省份名称标签字体大小
          fontWeight: "bold", // 省份名称标签字体粗细
        },
        effect:{
            show:true,
            symbol:'path://M681.121304 936.325172c-4.02978 6.971785-11.208273 10.824533-18.723434 10.824533-3.565199 0-7.259334-0.87902-10.616802-2.814092l-150.426011-85.941348c-6.683213-3.805676-10.79281-10.952446-10.79281-18.658965L490.562247 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 728.881562 139.553383 79.801511C683.423743 912.948765 686.989965 926.060387 681.121304 936.325172L681.121304 936.325172zM522.669502 858.394265l-150.426011 85.941348c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.515161 0-14.693654-3.853771-18.723434-10.824533-5.867638-10.264784-2.302439-23.376407 8.026814-29.275767l139.633201-79.801511L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 847.441818 529.352715 854.588589 522.669502 858.394265L522.669502 858.394265zM522.669502 428.605661l-451.278033 257.873162c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.467065 0-14.693654-3.869121-18.723434-10.840906-5.867638-10.264784-2.302439-23.391756 8.026814-29.275767l451.278033-257.873162c10.281157-5.932106 23.408129-2.350534 29.29214 7.962346C536.563954 409.578306 532.949636 422.721651 522.669502 428.605661L522.669502 428.605661zM512.004605 861.208357c-11.864212 0-21.441335-9.593496-21.441335-21.473057L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 851.614861 523.884167 861.208357 512.004605 861.208357L512.004605 861.208357zM981.973326 678.45201c-3.948939 6.971785-11.208273 10.840906-18.723434 10.840906-3.565199 0-7.259334-0.87902-10.616802-2.814092l-310.684972-177.543625c-10.31288-5.900384-13.926174-19.027355-8.058536-29.340235 5.932106-10.31288 19.027355-13.910824 29.340235-7.962346l310.717717 177.543625C984.275765 655.060253 987.841987 668.187225 981.973326 678.45201L981.973326 678.45201z',
            color:'#fff',
            symbolSize:20,
            trailLength:0.5
          },
        symbol:'circle',
        data: [{
          coords: [
            [116.405285, 39.904989],  // 起点
            [91.132212, 29.660361], // 终点
          ],
          label: {
            show: true,
            position:'end'
          },
          // 统一的样式设置
          lineStyle: {
            color: '#FF3EFF',
            width: 2,
            shadowColor: 'rgba(152 ,245 ,255, 0.5)',
            shadowBlur: 10,
            curveness: 0.3
          },
        }]
      },
      {
        type: 'lines',
        label: {
          show: true, // 显示省份名称标签
          color: "#fff", // 省份名称标签颜色
          fontSize: 12, // 省份名称标签字体大小
          fontWeight: "bold", // 省份名称标签字体粗细
        },
        effect:{
            show:true,
            symbol:'path://M681.121304 936.325172c-4.02978 6.971785-11.208273 10.824533-18.723434 10.824533-3.565199 0-7.259334-0.87902-10.616802-2.814092l-150.426011-85.941348c-6.683213-3.805676-10.79281-10.952446-10.79281-18.658965L490.562247 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 728.881562 139.553383 79.801511C683.423743 912.948765 686.989965 926.060387 681.121304 936.325172L681.121304 936.325172zM522.669502 858.394265l-150.426011 85.941348c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.515161 0-14.693654-3.853771-18.723434-10.824533-5.867638-10.264784-2.302439-23.376407 8.026814-29.275767l139.633201-79.801511L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 847.441818 529.352715 854.588589 522.669502 858.394265L522.669502 858.394265zM522.669502 428.605661l-451.278033 257.873162c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.467065 0-14.693654-3.869121-18.723434-10.840906-5.867638-10.264784-2.302439-23.391756 8.026814-29.275767l451.278033-257.873162c10.281157-5.932106 23.408129-2.350534 29.29214 7.962346C536.563954 409.578306 532.949636 422.721651 522.669502 428.605661L522.669502 428.605661zM512.004605 861.208357c-11.864212 0-21.441335-9.593496-21.441335-21.473057L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 851.614861 523.884167 861.208357 512.004605 861.208357L512.004605 861.208357zM981.973326 678.45201c-3.948939 6.971785-11.208273 10.840906-18.723434 10.840906-3.565199 0-7.259334-0.87902-10.616802-2.814092l-310.684972-177.543625c-10.31288-5.900384-13.926174-19.027355-8.058536-29.340235 5.932106-10.31288 19.027355-13.910824 29.340235-7.962346l310.717717 177.543625C984.275765 655.060253 987.841987 668.187225 981.973326 678.45201L981.973326 678.45201z',
            color:'#fff',
            symbolSize:20,
            trailLength:0.5
          },
        symbol:'circle',
        data: [{
          coords: [
            [116.405285, 39.904989],  // 起点
            [  103.823557,36.058039], // 终点
          ],
          label: {
            show: true,
            position:'end'
          },
          // 统一的样式设置
          lineStyle: {
            color: '#0000FF',
            width: 2,
            shadowColor: 'rgba(152 ,245 ,255, 0.5)',
            shadowBlur: 10,
            curveness: 0.3
          },
        }]
      },
      {
        type: 'lines',
        label: {
          show: true, // 显示省份名称标签
          color: "#fff", // 省份名称标签颜色
          fontSize: 12, // 省份名称标签字体大小
          fontWeight: "bold", // 省份名称标签字体粗细
        },
        effect:{
            show:true,
            symbol:'path://M681.121304 936.325172c-4.02978 6.971785-11.208273 10.824533-18.723434 10.824533-3.565199 0-7.259334-0.87902-10.616802-2.814092l-150.426011-85.941348c-6.683213-3.805676-10.79281-10.952446-10.79281-18.658965L490.562247 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 728.881562 139.553383 79.801511C683.423743 912.948765 686.989965 926.060387 681.121304 936.325172L681.121304 936.325172zM522.669502 858.394265l-150.426011 85.941348c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.515161 0-14.693654-3.853771-18.723434-10.824533-5.867638-10.264784-2.302439-23.376407 8.026814-29.275767l139.633201-79.801511L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 847.441818 529.352715 854.588589 522.669502 858.394265L522.669502 858.394265zM522.669502 428.605661l-451.278033 257.873162c-3.357468 1.935072-7.051603 2.814092-10.616802 2.814092-7.467065 0-14.693654-3.869121-18.723434-10.840906-5.867638-10.264784-2.302439-23.391756 8.026814-29.275767l451.278033-257.873162c10.281157-5.932106 23.408129-2.350534 29.29214 7.962346C536.563954 409.578306 532.949636 422.721651 522.669502 428.605661L522.669502 428.605661zM512.004605 861.208357c-11.864212 0-21.441335-9.593496-21.441335-21.473057L490.56327 98.365308c0-11.864212 9.577123-21.521153 21.441335-21.521153 11.879562 0 21.537526 9.657964 21.537526 21.521153l0 741.368968C533.54213 851.614861 523.884167 861.208357 512.004605 861.208357L512.004605 861.208357zM981.973326 678.45201c-3.948939 6.971785-11.208273 10.840906-18.723434 10.840906-3.565199 0-7.259334-0.87902-10.616802-2.814092l-310.684972-177.543625c-10.31288-5.900384-13.926174-19.027355-8.058536-29.340235 5.932106-10.31288 19.027355-13.910824 29.340235-7.962346l310.717717 177.543625C984.275765 655.060253 987.841987 668.187225 981.973326 678.45201L981.973326 678.45201z',
            color:'#fff',
            symbolSize:20,
            trailLength:0.5
          },
        symbol:'circle',
        data: [{
          coords: [
            [116.405285, 39.904989],  // 起点
            [ 87.617733, 43.792818], // 终点
          ],
          label: {
            show: true,
            position:'end'
          },
          // 统一的样式设置
          lineStyle: {
            color: '#0000FF',
            width: 2,
            shadowColor: 'rgba(152 ,245 ,255, 0.5)',
            shadowBlur: 10,
            curveness: 0.3
          },
        }]
      },
    ]
  }
  myChart.setOption(option)
})

</script>

<style lang="scss" scoped>
.map {
  width: 100%;
  height: 720px;
  margin-bottom: 10px;

  .top {
    margin: 5px;

    .title {
      color: white;
      font-size: 22px;
      padding: 5px;
      background: url(@/views/screen/images/map-title-bg.png) no-repeat;
    }
  }

  .echart {
    width: 100%;
    height: 680px;
    // background-color: aquamarine;
  }
}
</style>
